import { ajax } from '../utils/ajax.js';  // 导入ajax工具函数
import '../lib/jquery.js';  // 导入jQuery库

// 页面元素定义
let titleElem = $('.title');  // 商品标题元素
let middleImgElem = $('.middleimg');  // 商品中图元素
let descElem = $('.desc');  // 商品描述元素
let oldPriceElem = $('.old');  // 商品原价元素
let discountElem = $('.discount');  // 商品折扣率元素
let currentPriceElem = $('.curprice');  // 商品现价元素

// 渲染函数
async function renderDetails() {
    try {
        // 获取商品的 id
        let id = sessionStorage.getItem('id');
        // 如果没有商品 id，报非法访问并跳转回商品列表页
        if (!id) {
            alert('非法访问');
            location.href = './list.html';
            return;
        }

        // 请求商品详细信息
        let { data: { code, info } } = await ajax.get(`/goods/item/${id}`);
        if (code !== 1) {
            alert('获取商品详情失败');
            location.href = './list.html';
            return;
        }

        // 设置页面显示的商品信息
        titleElem.text(info.title);  // 设置商品标题
        middleImgElem.attr('src', info.img_big_logo);  // 设置商品中图的图片地址
        descElem.html(info.goods_introduce);  // 设置商品描述（支持HTML）
        oldPriceElem.text(info.price);  // 设置商品原价
        discountElem.text(info.current_price / info.price);  // 设置商品折扣率
        currentPriceElem.text(info.current_price);  // 设置商品现价
    } catch (error) {
        console.error('渲染商品详情失败:', error);
        alert('获取商品详情失败');
        location.href = './list.html';  // 发生错误时跳转回商品列表页
    }
}

// 页面加载时调用渲染函数
$(document).ready(() => {
    renderDetails();  // 页面加载完成后执行渲染商品详情函数
});
